<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐友首页-聊天设置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/chatSettings.min.css?v=<%=$version%>">
</head>
<body>
<div id="chatSettings" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        聊天设置
    </div>
    <div class="chatSettings-head">
        <strong :style="bgimg(userInfo.headImg)"></strong>
        <h6>{{userInfo.name}}<span class="list-topGrade" :class="[userInfo.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{userInfo.level}}</span></h6>
        <!--<p>昵称：</p>-->
        <span class="friendsList-more"></span>
    </div>
    <div class="chatSettings-list">推荐他给好友<span class="friendsList-more" @click="getShare()"></span></div>
    <div class="chatSettings-list">拉黑<span class="friendsList-more" @click="addBlack()"></span></div>
    <div class="chatSettings-btn loginIndex-btn2" v-if="userInfo.friendId">已关注</div>
    <div id="mask" :class="{'maskShow':isShare}"></div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <!--<span class="maskBox-icon1" @click="getChoice(2)">圈子</span>-->
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/friend/chatSettings.js?v=<%=$version%>"></script>

</body>
</html>